import { login, logout, getInfo } from '@/api/user'
import { getToken, setToken, removeToken, getTokenHead ,setTokenHead, getRefreshToekn, setRefreshToekn} from '@/utils/auth'
import { resetRouter } from '@/router'
import axios from 'axios'
import qs from 'qs'

const getDefaultState = () => {
  return {
    token: getToken(),
    name: '',
    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
    tokenHead: getTokenHead(),
    refreshToken: getRefreshToekn()
  }
}

const state = getDefaultState()

const mutations = {
  RESET_STATE: (state) => {
    Object.assign(state, getDefaultState())
  },
  SET_TOKEN: (state, token) => {
    state.token = token
  },
  SET_NAME: (state, name) => {
    state.name = name
  },
  SET_AVATAR: (state, avatar) => {
    state.avatar = avatar
  },
  SET_TOKENHEAD:(state, tokenHead) => {
    state.tokenHead = tokenHead
  },
  SET_REFRESHTOKEN: (state, refreshToken) => {
    state.refreshToken = refreshToken
  }
}

const actions = {
  // user login
  login({ commit }, userInfo) {
    const { username, password } = userInfo
    return new Promise((resolve, reject) => {

      axios.create({
        baseURL: '/api',
        timeout: 3000,
      }).post('/auth/oauth/token',qs.stringify({
        grant_type:'password',
        client_id:'client-app',
        client_secret:'123456',
        username: username,
        password: password
      }),{
        headers:{
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      }).then(function(response){
        console.log(JSON.stringify(response));
        commit('SET_TOKEN', response.data.data.token)
        commit('SET_REFRESHTOKEN', response.data.data.refreshToken)
        commit('SET_TOKENHEAD', decodeURI(response.data.data.tokenHead))

        setToken(response.data.data.token)
        setRefreshToekn(response.data.data.refreshToken)
        setTokenHead(decodeURI(response.data.data.tokenHead))
        resolve()
      }).catch(function(error){
        console.log(error);
        reject(error)
      });

      // login({ username: username.trim(), password: password }).then(response => {
      //   const { data } = response
      //   commit('SET_TOKEN', data.token)
      //   setToken(data.token)
      //   resolve()
      // }).catch(error => {
      //   reject(error)
      // })

    })
  },

  // get user info
  getInfo({ commit, state }) {
    return new Promise((resolve, reject) => {
      getInfo(state.token).then(response => {
        const { data } = response

        if (!data) {
          return reject('Verification failed, please Login again.')
        }

        const { name, avatar } = data

        commit('SET_NAME', name)
        commit('SET_AVATAR', avatar)
        resolve(data)
      }).catch(error => {
        reject(error)
      })
    })
  },

  // user logout
  logout({ commit, state }) {
    return new Promise((resolve, reject) => {
      logout(state.token).then(() => {
        removeToken() // must remove  token  first
        resetRouter()
        commit('RESET_STATE')
        resolve()
      }).catch(error => {
        reject(error)
      })
    })
  },

  // remove token
  resetToken({ commit }) {
    return new Promise(resolve => {
      removeToken() // must remove  token  first
      commit('RESET_STATE')
      resolve()
    })
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

